﻿@model Unijovem.UI.Models.PessoaModel
@{
    ViewBag.Title = "Cadastro de usuário";
}
<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.maskedinput-1.3.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.extensions.js")" type="text/javascript"></script>
<script type="text/javascript">
    $(function () {
        $('div.borderVermelha').each(function () {
            $(this).corner('round 15px');
        });

        $('#DataNascimento').mascaraData();
        $('#linkProximoDadosPessoais').click(proximoDadosPessoais);
        $('#linkProximoUsuario').click(proximoUsuario);
        $('#linkVoltarUsuario').click(voltarUsuario);
        $('#linkProximoFoto').click(proximoFoto);
        $('#linkVoltarFoto').click(voltarFoto);

        if ($('#Id')[0] == undefined) {
            $('#usuario').hide();
            $('#final').hide();
            $('#foto').hide();
        }
        else if ($('#Id').val() == '0') {
            $('#dadosPessoais').hide();
            $('#usuario').show();
            $('#final').hide();
            $('#foto').hide();
        }
        else {
            $('#dadosPessoais').hide();
            $('#usuario').hide();
            $('#foto').hide();
            $('#final').show();
        }
        $('#Senha').change(function () {
            $('#Usuario_Senha').val($(this).val());
        });
    });

    function proximoDadosPessoais(evt) {
        var passou = $("#NomeCompleto").validarCampoRequerido();
        if ($("#DataNascimento").validarCampoRequerido()) {
            if ($("#DataNascimento").validarData() == false) passou = false;
        }
        else passou = false;
        if ($("#Sexo").validarIndexDropDownList() == false) {
            passou = false;
        }

        if (passou == true) {
            $('#dadosPessoais').hide('slow');
            $('#usuario').show('slow');
            evt.preventDefault();
        }
    };

    function proximoUsuario(evt) {
        var passou = $("#Email").validarCampoRequerido();
        if ($("#Senha").validarCampoRequerido()) {
            if ($("#Senha").validarCaracteres(6) == false)
                passou = false;
            else
                if ($("#Senha").compararSenhas($("#ConfirmarSenha").val()) == false) passou = false;
        }
        else
            passou = false;

        if (passou == true) {
            var email = $("#Email");

            $.ajax({ type: "POST",
                url: "/Pessoa/VerificarEmailJaCadastrado",
                data: "email=" + email.val(),
                success: function (result) {
                    if (result.success) {
                        email.ocultarValidation();
                        $('#usuario').hide('slow');
                        $('#foto').show('slow');
                        evt.preventDefault();
                    }
                    else {
                        email.mostrarValidation("Email já cadastrado");
                    }
                },
                error: function (req, status, error) {
                    alert("Sorry! We could not receive your feedback at this time.");
                }
            });
        }
    };

    function proximoFoto(evt) {
        $('#final').show('slow');
        $('#foto').hide('slow');
        $("form").submit();
        evt.preventDefault();
    }

    function voltarUsuario(evt) {
        $('#dadosPessoais').show('slow');
        $('#usuario').hide('slow');
        evt.preventDefault();
    };

    function voltarFoto(evt) {
        $('#usuario').show('slow');
        $('#foto').hide('slow');
        evt.preventDefault();
    };
</script>
<div class="divTexto" style="width: 700px; margin-left: -20px; padding-left: 40px;">
    <h3>
        Cadastro de usuário</h3>
    Para fazer parte do site da Unijovem, precisamos de apenas algumas informações,
    é rapidinho!
    <br />
    <br />
    @using (Html.BeginForm())
    {
        @Html.ValidationSummary(true)
        <div id="dadosPessoais" class="borderVermelha" style="width: 400px; padding: 20px;">
            <div class="editor-label">
                @Html.LabelFor(model => model.NomeCompleto)
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.NomeCompleto)<br />
                @Html.ValidationMessageFor(model => model.NomeCompleto)
            </div>
            <div class="editor-label">
                @Html.LabelFor(model => model.DataNascimento)
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.DataNascimento)<br />
                @Html.ValidationMessageFor(model => model.DataNascimento)
            </div>
            <div class="editor-label">
                @Html.LabelFor(model => model.Sexo)
            </div>
            <div class="editor-field">
                @Html.DropDownListFor(model => model.Sexo, (SelectList)ViewBag.Sexo)<br />
                @Html.ValidationMessageFor(model => model.Sexo)
            </div>
            <br />
            <a id="linkProximoDadosPessoais" class="botaoVermelho floatRight">Próximo</a>
            <div style="clear: both;">
            </div>
        </div>
        <div id="usuario" class="borderVermelha" style="width: 400px; padding: 20px;">
            <div class="editor-label">
                @Html.LabelFor(model => model.Email)
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.Email)<br />
                @Html.ValidationMessageFor(model => model.Email)
            </div>
            @(Model == null ? Html.Partial("~/Views/Usuario/Criar.cshtml") : Html.Partial("~/Views/Usuario/Criar.cshtml", Model.Usuario))
            @Html.HiddenFor(model => model.Usuario.Senha)
            <br />
            <a id="linkVoltarUsuario" class="botaoVermelho floatLeft">Anterior</a> 
            <a id="linkProximoUsuario"
                class="botaoVermelho floatRight">Próximo</a>
            <div style="clear:both;"></div>
        </div>
        <div id="foto" class="borderVermelha" style="width: 400px; padding: 20px;">
            @Html.Partial("~/Views/PartialView/UploadFotoUsuario.cshtml")
            <br />
            <a id="linkVoltarFoto" class="botaoVermelho floatLeft">Anterior</a> 
            <a id="linkProximoFoto" class="botaoVermelho floatRight">Próximo</a>
            <div style="clear:both;"></div>
        </div>
        <div id="final" class="borderVermelha" style="width: 400px; padding: 20px;">
            <p class="vermelho" style="font-size: large;">
                Parabéns!</p>
            <p>
                Seu cadastro foi efetuado com sucesso. Você receberá um email para com a confirmação
                de seu cadastro.</p>
            @Html.ActionLink("Ir para o site", "Index", "Home", null, new { @class = "botaoVermelho" })
        </div>
    }
    @if (Model != null)
    {
        @Html.HiddenFor(model => model.Id)
    }
</div>
